<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
	.catagory h2{
		font-size: 23px;
		text-align: center;
	}
	.catagory hr{
		position: absolute;
		left: 50%;
		margin-left: -415px;
		top: 190px;
		width: 815px;
	}
	.list{

		left: 50%;
		position: absolute;
		width: 800px;
		margin-left: -400px;
	}
	.footer{

		position: absolute;
		text-align: center;
		top: 640px;
		left: 50%;
		margin-left: -140px;
	}
	.pagination{
		position: absolute;
		top: 600px;
		left: 50%;
		margin-left: -100px;
	}
	.gj hr{
		position: absolute;
		left: 50%;
		top:640px;
		margin-left: -400px;
		width: 800px;
	}
	.list i{
		left: 50%;
		margin-left: 252px;
		position: absolute;
	}
	ul li{
		float: left;
		list-style-type: none;
		margin-right: 0.6em;
	}
	a:link,a:visited{
 text-decoration:none;  /*超链接无下划线*/
}
a:hover{
 text-decoration:underline;  /*鼠标放上去有下划线*/
}
a{	
	color: black;
}
li{
	margin-top: 5px;
}
    </style>
</head>
<body>
<include file="Common/head1" />
<include file="Common/nav" />
	<br>
	<br>
    <div class="catagory">
        <h2>{$catName}</h2>
        <hr>
    </div>
    <div class="list">
		<?php foreach($data as $k=>$v): ?>
				<div class="list-boxes">
					<li><a href="<?php echo U('Article/article?id='.$v['id']); ?>"><?php echo $v['title']?></a><i><?php echo $v['create_time']; ?></i>
					   <span><?php echo $v['summary']; ?></span>
					</li>
				</div>
		<?php endforeach; ?>
	</div>
	<div class="pagination">
		<ul><?php echo $page; ?></ul>
	</div>
	<div class="gj"><hr></div>
<include file="Common/footer" />
</body>
</html>